<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>游戏星球</title>
		<link href="css/vendor.css" rel="stylesheet" type="text/css">
		<link href="css/base.css" rel="stylesheet" type="text/css">
		<link href="css/common.css" rel="stylesheet" type="text/css">
		<link href="css/main.css" rel="stylesheet" type="text/css"/>
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/easeljs-0.8.2.min.js"></script>
		<script src="js/preloadjs-0.6.2.min.js"></script>
		<script src="js/main.js?v4"></script>
		<script src="js/disport-answer.js"></script>
		<script src="js/interface.js"></script>
		<meta  id="n" name="viewport" content="target-densitydpi=320,width=640,user-scalable=no" />
	</head>
	<body onload="init()">
		<audio src="music/music.mp3" class="music" loop="loop" id="music"></audio>
		<div class="load">
			<img src="img/load_img_1.png" class="loadpic loadmov animated infinite time20"/>
			<div class="text">星际穿越中</div>
			<div id="per"></div>
		</div>
		<div class="container none">
			<div class="musicrect">
				<img src="img/music.png" class="musicbtn mscplay animated infinite ease"/>
			</div>
			<div class="p1">
				<div class="p1-pic1"></div>
				<!--<img src="img/P1_png02.png" class="p1-pic2"/>-->
				<img src="img/P1_png03.png" class="p1-pic3 ufolight animated infinite time30 delay20"/>
				<img src="img/P1_png08.png" class="p1-slogan bounceIn animated delay05"/>
				<img src="img/P1_png04.png" class="p1-cloud1 cloudl animated delay10"/>
				<img src="img/P1_png05.png" class="p1-cloud2 cloudr animated delay12"/>
				<img src="img/P1_png06.png" class="p1-cloud3 cloudl animated delay14"/>
				<img src="img/P1_png07.png" class="p1-cloud4 cloudr animated delay16"/>
				<img src="img/P1_png09.png" class="p1-txt"/>
				<div class="p1-guo">
					<img src="img/P1_png25.png" class="guo-1 thingmove animated time30 infinite"/>
					<img src="img/P1_png19.png" class="guo-2 thingmove animated time30 delay02 infinite"/>
					<img src="img/P1_png22.png" class="guo-3 thingmove animated time30 delay04 infinite"/>
					<img src="img/P1_png20.png" class="guo-4 thingmove animated time30 delay06 infinite"/>
					<img src="img/P1_png18.png" class="guo-5 thingmove animated time30 delay08 infinite"/>
					<img src="img/P1_png24.png" class="guo-6 thingmove animated time30 delay10 infinite"/>
					<img src="img/P1_png23.png" class="guo-7 thingmove animated time30 delay12 infinite"/>
					<img src="img/P1_png21.png" class="guo-8 thingmove animated time30 delay14 infinite"/>
					<img src="img/P1_png15.png" class="guo-c1 thingmove animated time30 delay16 infinite"/>
					<img src="img/P1_png17.png" class="guo-c2 thingmove animated time30 delay18 infinite"/>
					<img src="img/P1_png16.png" class="guo-c3 thingmove animated time30 delay20 infinite"/>
					<img src="img/P1_png14.png" class="guo-rou"/>
					<img src="img/P1_png13.png" class="guo-star"/>
					<img src="img/P1_png11.png" class="guo-cir"/>
					<img src="img/P1_png12.png" class="guo-cir2"/>
				</div>
				<img src="img/P1_png26.png" class="btn btninout animated delay18 time20 infinite"/>
			</div>
			<div class="p2 none">
				<div class="prevpt">
					<img src="img/P2_png01.png" class="p2-turn"/>
					<img src="img/P2_png04.png" class="p2-slogan"/>
					<img src="img/P2_png05_ff9a00_28.png" class="p2-txt"/>
					<span class="p2-num">1</span>
				</div>
				<div class="nextpt none">
					<img src="img/P2_png18.png" class="yan-1 yanup time25 animated delay02 infinite"/>
					<img src="img/P2_png19.png" class="yan-2 yanup time25 animated delay04 infinite"/>
					<img src="img/P2_png20.png" class="yan-3 yanup time25 animated delay07 infinite"/>
					<img src="img/c01.png" class="food"/>
					<img src="img/P2_png21.png" class="foodin none"/>
					<div class="btn"></div>
					<div class="backer"></div>
				</div>
				<div class="p2-guo">
					<img src="img/P1_png25.png" class="guo-1 thingmove animated time30 infinite"/>
					<img src="img/P1_png19.png" class="guo-2 thingmove animated time30 delay02 infinite"/>
					<img src="img/P1_png22.png" class="guo-3 thingmove animated time30 delay04 infinite"/>
					<img src="img/P1_png20.png" class="guo-4 thingmove animated time30 delay06 infinite"/>
					<img src="img/P1_png18.png" class="guo-5 thingmove animated time30 delay08 infinite"/>
					<img src="img/P1_png24.png" class="guo-6 thingmove animated time30 delay10 infinite"/>
					<img src="img/P1_png23.png" class="guo-7 thingmove animated time30 delay12 infinite"/>
					<img src="img/P1_png21.png" class="guo-8 thingmove animated time30 delay14 infinite"/>
					<div class="fire"></div>
					<img src="img/P2_png10.png" class="guo-9 thingup animated time30 infinite"/>
					<img src="img/P2_png11.png" class="guo-10 thingup animated time30 infinite delay02"/>
					<img src="img/P2_png12.png" class="guo-11 thingup animated time30 infinite delay04"/>
					<img src="img/P2_png13.png" class="guo-12 thingup animated time30 infinite delay06"/>
					<img src="img/P2_png14.png" class="guo-13 thingup animated time30 infinite delay08"/>
					<img src="img/P2_png07.png" class="guo-14 thingup animated time30 infinite delay10"/>
					<img src="img/P2_png08.png" class="guo-15 thingup animated time30 infinite delay12"/>
					<img src="img/P2_png09.png" class="guo-16 thingup animated time30 infinite delay14"/>
				</div>
				<div class="pop none">
					<div class="window">
						<div class="foodbox">
							<img src="img/z1.1.png" class="img1"/>
							<img src="img/z1.2.png" class="img2 none"/>
							<img src="img/z1.3.png" class="img3 none"/>
						</div>
						<div class="timebox">
							<span class="timenum">0.299</span>
							<img src="img/P5_png04.png" class="s"/>
						</div>
						<img src="img/P5_png06.png" class="txt"/>
						<img src="img/P5_png01.png" class="nextbtn"/>
						<img src="img/P5_png02.png" class="seebtn none"/>
					</div>
				</div>
			</div>
			<div class="p3 none">
				<div class="f1 none">
					<div class="txtbox"><span class="timenum">0.299</span></div>
					<img src="img/P6_png02.png" class="txt2"/>
					<img src="img/P6_png05.png" class="bac"/>
					<img src="img/P6_png06.png" class="bei"/>
					<img src="img/P7_png03.png" class="txt"/>
					<img src="img/P6_png04.png" class="f1btnl"/>
					<img src="img/P6_png03.png" class="f1btnr"/>
				</div>
				<div class="f2 none">
					<div class="txtbox"><span class="timenum">0.299</span><span class="timenum2">23</span></div>
					<img src="img/win.png" class="star"/>
					<img src="img/P7_png03.png" class="txt"/>
					<img src="img/P6_png04.png" class="f2btnl"/>
					<img src="img/P6_png03.png" class="f2btnr"/>
				</div>
				<div class="f3 none">
					<img src="img/P8_png01.png" class="txt"/>
					<img src="img/lose.png" class="star"/>
					<img src="img/P8_png03.png" class="f3btnl"/>
					<img src="img/P8_png02.png" class="f3btnr"/>
				</div>
			</div>
			<div class="share none"><img src="img/P9_png01.png" /></div>
		</div>
		<script src="js/game.js?v7"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script>

			document.body.ontouchmove=function(e){
				e.preventDefault();
			}
			window.ontouchstart = function(e) { e.preventDefault(); };
			document.addEventListener("WeixinJSBridgeReady", function () {
				objm.play();
		       
		    }, false);
			var objm = document.getElementById('music');
			!function (A){
				var u2 = navigator.userAgent.toLowerCase();
				var browserInfo = {
					weixin: u2.match(/MicroMessenger/i) == "micromessenger",
				};
				if(!browserInfo.weixin) {
					objm.play();
				}
			}();
			$(".musicbtn").on("touchstart",function(){
		    	if(!objm.paused){
					objm.pause();
					$(this).removeClass("mscplay");
				}else{
					objm.play();
					$(this).addClass("mscplay");
				}		
		    })
			$(".f1 .txt").on("touchstart",function(){
				window.location.href = "lottery.html";
			})
			$(".f2 .txt").on("touchstart",function(){
				window.location.href = "lottery.html";
			})
		</script>
	</body>
</html>
